
import React, { Component } from "react"
import  { Link } from 'react-router'
import { Carousel, Row, Col, Icon } from 'antd'
import fetchData from '../../util/fetch'
import erwei from '../../img/erwei.png'
import telImg from '../../img/tel.png'
import addressImg from '../../img/address.png'
import emailImg from '../../img/email.png';
import MapHtml from '../common/map';
import Swiper from 'react-id-swiper'
import './NewHomeIndex.scss'
import P1 from  '../../img/P1.png'
import P2 from '../../img/P2.png'
import P3 from  '../../img/P3.png'
import P4 from '../../img/P4.png'
import P5 from  '../../img/P5.png'
import P6 from  '../../img/P6.png'
import P7 from '../../img/P7.png'
import P8 from '../../img/P8.png'
import P9 from  '../../img/P9.png'
import P10 from  '../../img/P10.png'
import Beige_rounded from '../../img/Beige_rounded.png'


import Daenerys_targaryen_Icon from '../../img/Daenerys_targaryen_Icon.jpg'
import Jon_snow_Icon from '../../img/Jon_snow_Icon.jpg'
import World_map_Essos from '../../img/World_map_Essos.png'
import World_map_Sothoros from '../../img/World_map_Sothoros.png'
import World_map_Westeros from '../../img/World_map_Westeros.png'

class NewHomeIndex extends Component {
    constructor(props) {
        super(props)
    }

    render() {
        return (
            <div className="WikiaPageContentWrapper">
                <header id="PageHeader" className="page-header">
                    <div className="page-header__main">
                        <h1 className="page-header__title">主页</h1>
                        <div className="page-header__page-subtitle">
                            <a href="/wiki/%E5%86%B0%E4%B8%8E%E7%81%AB%E4%B9%8B%E6%AD%8C%E4%B8%AD%E6%96%87%E7%BB%B4%E5%9F%BA?variant=zh-hans" rel="nofollow" id="ca-varlang-0">简体</a>  |
                            <a href="/wiki/%E5%86%B0%E4%B8%8E%E7%81%AB%E4%B9%8B%E6%AD%8C%E4%B8%AD%E6%96%87%E7%BB%B4%E5%9F%BA?variant=zh-hant" rel="nofollow" id="ca-varlang-1">繁體</a>
                        </div>
                    </div>
                    <div className="page-header__contribution">
                        <div>
                            <div className="wds-dropdown page-header__languages">
                                <div className="wds-dropdown__toggle">
                                    <span data-tracking="interwiki-dropdown">中文</span><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12" className="wds-icon wds-icon-tiny wds-dropdown__toggle-chevron" id="wds-icons-dropdown-tiny"><path d="M6 9l4-5H2" fill-rule="evenodd"></path></svg>	</div>
                            </div>
                        </div>
                        <div className="page-header__contribution-buttons">

                            <a className="wds-button wds-is-squished wds-is-secondary" href="#" id="ShareEntryPoint">
                                <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" className="wds-icon wds-icon-small" id="wds-icons-share">
                                    <path d="M5 16a3.984 3.984 0 0 0 2.861-1.213l7.295 4.168A3.964 3.964 0 0 0 15 20c0 2.206 1.794 4 4 4s4-1.794 4-4-1.794-4-4-4a3.984 3.984 0 0 0-2.861 1.213l-7.295-4.168C8.935 12.71 9 12.364 9 12c0-.364-.065-.71-.156-1.045l7.295-4.168A3.984 3.984 0 0 0 19 8c2.206 0 4-1.794 4-4s-1.794-4-4-4-4 1.794-4 4c0 .364.065.71.156 1.045L7.861 9.213A3.984 3.984 0 0 0 5 8c-2.206 0-4 1.794-4 4s1.794 4 4 4" fill-rule="evenodd">
                                    </path>
                                </svg>
                                <span>分享</span>
                            </a>
                        </div>
                    </div>
                </header>
                <hr className="page-header__separator"/>
                <article className="WikiaMainContent">
                    <div className="WikiaMainContentContainer">
                        <div className="WikiaArticle">
                            <div lang="zh" dir="ltr" className="mw-content-ltr mw-content-text">
                                <div className="main-page-tag-lcs main-page-tag-lcs-exploded">
                                    <div className="act-names">
                                        <img src={Beige_rounded}></img>
                                        <div style={{ position: "absolute", left: "15px", top: "0px" }}>
                                            <h2 style={{ "font-weight": "bold", "border-bottom": "none", "font-size": "130%", "padding": ".15em .4em" }}>
                                                <span class="mw-headline">人物角色</span>
                                            </h2>
                                        </div>
                                    </div>
                                    <div style={{ "padding-left": "15px", "padding-bottom": "5px", "padding-top": "10px", "text-align": "center" }}>
                                        <div className="xkefa">
                                            <img src={Daenerys_targaryen_Icon}></img>
                                        </div>
                                        <div className="xkefa">
                                            <img src={Jon_snow_Icon}></img>
                                        </div>
                                        <div className="xkefa">
                                            <img src={Jon_snow_Icon}></img>
                                        </div>
                                        <div className="xkefa">
                                            <img src={Jon_snow_Icon}></img>
                                        </div>
                                        <div className="xkefa">
                                            <img src={Jon_snow_Icon}></img>
                                        </div>
                                        <div className="xkefa">
                                            <img src={Jon_snow_Icon}></img>
                                        </div>
                                        <div className="xkefa">
                                            <img src={Jon_snow_Icon}></img>
                                        </div>
                                        <div className="xkefa">
                                            <img src={Jon_snow_Icon}></img>
                                        </div>
                                        <div className="xkefa">
                                            <img src={Jon_snow_Icon}></img>
                                        </div>
                                        <div className="xkefa">
                                            <img src={Jon_snow_Icon}></img>
                                        </div>
                                        <div className="xkefa">
                                            <img src={Jon_snow_Icon}></img>
                                        </div>
                                        <div className="xkefa">
                                            <img src={Jon_snow_Icon}></img>
                                        </div>
                                        <div className="xkefa">
                                            <img src={Jon_snow_Icon}></img>
                                        </div>
                                        <div className="xkefa">
                                            <img src={Jon_snow_Icon}></img>
                                        </div>
                                        <div className="xkefa">
                                            <img src={Jon_snow_Icon}></img>
                                        </div>
                                        <div className="xkefa">
                                            <img src={Jon_snow_Icon}></img>
                                        </div>
                                        <div className="xkefa">
                                            <img src={Jon_snow_Icon}></img>
                                        </div>
                                        <div className="xkefa">
                                            <img src={Jon_snow_Icon}></img>
                                        </div>
                                        <div className="xkefa">
                                            <img src={Jon_snow_Icon}></img>
                                        </div>
                                        <div className="xkefa">
                                            <img src={Jon_snow_Icon}></img>
                                        </div>
                                        <div className="xkefa">
                                            <img src={Jon_snow_Icon}></img>
                                        </div>
                                    </div>
                                    <div className="act-names">
                                        <img src={Beige_rounded}></img>
                                        <div style={{ position: "absolute", left: "15px", top: "0px" }}>
                                            <h2 style={{ "font-weight": "bold", "border-bottom": "none", "font-size": "130%", "padding": ".15em .4em" }}>
                                                <span class="mw-headline">已知世界</span>
                                            </h2>
                                        </div>
                                    </div>
                                    <div className="know-world">
                                        <table>
                                            <tbody>
                                            <tr>
                                                <td>
                                                    <div className="sdfsdf">
                                                        <img src={World_map_Westeros}></img>
                                                        <div><a href="/wiki/%E7%BB%B4%E6%96%AF%E7%89%B9%E6%B4%9B" title="维斯特洛">维斯特洛</a></div>
                                                    </div>
                                                    <div className="sdfsdf">
                                                        <img src={World_map_Essos}></img>
                                                        <div><a href="/wiki/%E5%8E%84%E7%B4%A2%E6%96%AF" title="厄索斯" class="mw-redirect">厄索斯</a></div>
                                                    </div>
                                                    <div className="sdfsdf">
                                                        <img src={World_map_Westeros}></img>
                                                        <div><a href="/wiki/%E7%B4%A2%E6%96%AF%E7%BD%97%E6%96%AF" title="索斯罗斯">索斯罗斯</a></div>
                                                    </div>
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                                <div className="main-page-tag-rcs">
                                    <div className="rcs-container">
                                        <div className="table-container">
                                            <table>
                                                <tbody>
                                                    <tr>
                                                        <td>
                                                            <div className="item-border">
                                                                <img src={P1} alt=""/>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div className="item-border">
                                                                <img src={P2} alt=""/>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <div className="item-border">
                                                                <img src={P3} alt=""/>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div className="item-border">
                                                                <img src={P4} alt=""/>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <div className="item-border">
                                                                <img src={P5} alt=""/>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div className="item-border">
                                                                <img src={P6} alt=""/>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <div className="item-border">
                                                                <img src={P7} alt=""/>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div className="item-border">
                                                                <img src={P8} alt=""/>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                    <tr>
                                                        <td>
                                                            <div className="item-border">
                                                                <img src={P9} alt=""/>
                                                            </div>
                                                        </td>
                                                        <td>
                                                            <div className="item-border">
                                                                <img src={P10} alt=""/>
                                                            </div>
                                                        </td>
                                                    </tr>
                                                </tbody>
                                            </table>
                                        </div>

                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </article>
            </div>
        )
    }
}
export default NewHomeIndex;
